{layout name="layout/app" /}

<header class="text-center mb-4">
    <img src="/assets/images/logo.png" alt="Logo" style="width: 80px; height: 80px; margin-bottom: 1rem;">
    <h1 class="text-warning">众乐乐爱心基金</h1>
</header>

<ul class="nav nav-tabs nav-justified" id="main-tabs" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="intro-tab-btn" data-bs-toggle="tab" data-bs-target="#intro-content-pane" type="button" role="tab" aria-controls="intro-content-pane" aria-selected="true">基金简介</button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="apply-tab-btn" data-bs-toggle="tab" data-bs-target="#apply-content-pane" type="button" role="tab" aria-controls="apply-content-pane" aria-selected="false">申请救助</button>
  </li>
</ul>

<div class="tab-content pt-4" id="myTabContent">
  <div class="tab-pane fade show active" id="intro-content-pane" role="tabpanel" aria-labelledby="intro-tab-btn">
    {include file="partials/intro_tab"}
  </div>
  <div class="tab-pane fade" id="apply-content-pane" role="tabpanel" aria-labelledby="apply-tab-btn">
    {include file="partials/apply_tab"}
  </div>
</div> 